<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 键盘事件；1.keyup 2.keydown 3.keypress
        // 1.keyup 
        // document.onkeyup = function(){
        //     console.log("keyup");
        // }
        // 2.keydown
        // document.onkeydown = function(){
        //     console.log("keydown");
        // }

        // 3.keypress ：不是所有的按键都可以触发 ，有些功能键不能被触发；
        // document.onkeypress = function(){
        //     console.log("keypress");
        // }

        // 4.如何区分按键；keyCode (现在浏览器标准已经被废弃)
        // 如果是火狐2.0以下 需要用which
        // document.onkeyup = function(e){
        //     var code = e.keyCode || e.which;  // 键盘按钮对应的assci码；
        //     // console.log(code);
        //     if(code==65){
        //         console.log("按了a键")
        //     }
        //     if(code==66){
        //         console.log("按了b键");
        //     }
        // }
        // https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/keyCode
        // document.onkeyup = function(e){
        //     var key = e.key;
        //     // console.log(key);
        //     if(key=="a"){
        //         console.log("按了a键");
        //     }
        // }


    </script>
</body>
</html>